<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子</title>
</head>

<body>
    <div class="box">
        <img src="../格式化文本/img/5.jpg" width="400">
    </div>
    <style>
        body {
            background-image: url(../格式化文本/img/beijing.jpg);
            background-size: cover;
            background-repeat: no-repeat;
        }
        .box img{
            padding: 20px;
            margin-top: 100px;
            margin-left: 500px;
            border-top: 6px solid #27a0dc;
            border-bottom: 10px double #615fe9;
            border-left:20px dotted #b54819;
            border-right:15px dashed #38e65e;
        }
    </style>
</body>

</html>